.icon-data-list li,.omit{white-space:nowrap;overflow:hidden;word-wrap:normal;text-overflow:ellipsis}
.font-close:before{content:'\f00d'}
.font-file-code-o:before{content:'\f1c9'}
.pop-my-wraper{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.3);overflow:hidden}
.pop-my-wraper>div{display:table;width:100%;height:100%}
.pop-my-wraper>div>div{display:table-cell;vertical-align:middle;width:100%;height:100%}
.pop-my-wraper>div>div>div{margin:0 auto;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}
.pop-my-wraper q{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%}
.pop-my-container{background-color:#fff;width:90%;height:80%;position:relative;overflow-x:hidden;overflow-y:auto}
.pop-my-header{height:36px;line-height:36px;padding-left:15px;border-bottom:1px solid #ddd;box-shadow:0 2px 3px #bbb;user-select:none}
.pop-my-header h3{font-size:14px;float:left;font-weight:700}
.pop-my-header>a{width:36px;float:right;text-align:center}
.pop-my-content{position:absolute;left:10px;top:46px;right:10px;bottom:10px;border:1px solid #ddd;background-color:fff;-webkit-overflow-scrolling:touch;box-shadow:0 0 5px #aaa;overflow:auto}
.pop-my-content::-webkit-scrollbar{width:6px;height:6px}
.pop-my-content::-webkit-scrollbar-thumb{background-color:#666;outline:1px solid #666}
.code-list-container{width:100%;display:table;font-size:12px;background-color:#fdf7f2;overflow:hidden;font-family:Arial;color:#333}
.code-list-container dl{display:table-cell}
.code-list-container dl:first-child{width:20px;text-align:center;border-right:2px solid #6ce26c;color:gray}
.code-list-container dd,.code-list-container dt{height:22px;line-height:22px;white-space:nowrap;padding:0 10px}
.code-list-container dd:nth-child(2n),.code-list-container dt:nth-child(2n){background-color:#fff}
.code-list-container dt{user-select:none;text-align:right}
.code-list-container dt [class^=triangle-]{width:0;height:0;font-size:0;line-height:0;vertical-align:middle;overflow:hidden;display:inline-block;border-color:transparent;border-style:dashed}
.code-list-container dd{white-space:pre}
.code-list-container dd:hover{background-color:#ead6c7}
.code-list-container .code-aot-css-js,.code-list-container .code-aot-html{color:#69a469;font-style:italic}
.code-list-container .code-tag-js,.code-list-container .code-tag-link{color:#083dc3}
.mvvm-list dt{color:#d6487e;font-size:14px;line-height:28px;margin-bottom:5px}
.mvvm-list dt{margin-right:10px}
.mvvm-list dd{margin-left:20px;position:relative;padding-left:20px;line-height:24px;margin-bottom:5px}
.mvvm-list dd:before{content:'#';position:relative;z-index:0;left:-10px;color:#4da1ff}
.mvvm-box-1{border:1px solid #ddd;background-color:#fef7ee;height:200px;line-height:200px;font-size:40px;padding:0 20px;font-weight:700}
.mvvm-box-2{border:1px solid #ddd;background-color:#fef7ee;padding:20px;line-height:30px}
.mvvm-box-2 h3{font-size:20px;font-weight:700;margin-bottom:10px;line-height:100%}
.mvvm-code i,.mvvm-pre i{color:#d6487e}
.mvvm-code s,.mvvm-pre s{color:#00f;text-decoration:none;margin-left:15px}
.mvvm-code b,.mvvm-pre b{color:red}
.mvvm-pre{line-height:22px;font-family:Arial}
.shadow{box-shadow:0 0 10px #f6f6f6}
.icon-data-list,.my-box,.samebox{box-shadow:0 0 10px #f6f6f6;border-radius:5px;background-color:#fff;padding:15px}
.btn-my-default,.ng-frame .btn-default{background-color:#4da1ff;height:30px;line-height:30px;padding:0 10px;min-width:100px;color:#fff;border-radius:3px}
.btn-my-default:hover,.ng-frame .btn-default:hover{box-shadow:0 1px 3px #888}
.btn-my-o,.ng-frame .btn-o{height:32px;padding:0 10px;min-width:90px;border:1px solid #4da1ff;background-color:#fff;line-height:30px;border-radius:3px}
.icon-data-list{margin-bottom:15px}
.icon-data-list h3{font-size:18px;line-height:100%;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:20px}
.icon-data-list li{cursor:pointer;font-size:16px;height:30px;line-height:30px;margin-bottom:10px;padding:0 10px}
.icon-data-list li i{font-size:22px;margin-right:10px}
.icon-data-list li:hover{color:#4da1ff;background-color:#eee}

.navigation a,.navigation h3,.navigation h5,.omit{white-space:nowrap;overflow:hidden;word-wrap:normal;text-overflow:ellipsis}
.linear,.navigation h3 i,.navigation h5 i{transition:all .3s linear}
.font-angle-right:before{content:'\f105'}
.font-navicon:before{content:'\f0c9';font-size:16px}
.header{height:50px;border-bottom:1px solid #efefef}
.logo{position:relative;top:50%;margin:-20px 0 0 20px;width:150px;height:40px;float:left}
.logo a{width:100%;height:100%;display:block}
.logo img{width:100%;height:100%}
.small-nav{width:30px;height:30px;background-color:#4da1ff;color:#fff;text-align:center;line-height:30px;border-radius:3px;position:relative;top:50%;margin:-15px 0 0 10px;float:left;cursor:pointer;display:none}
.container{width:100%;position:absolute;top:50px;bottom:0;min-width:320px}
.navigation{width:200px;height:100%;float:left;border-right:1px solid #efefef;position:relative}
.navigation menu,.navigation nav{margin-left:20px;display:none}
.navigation h3,.navigation h5{height:32px;line-height:32px;padding:0 5px;box-sizing:content-box;border:1px solid #fff;cursor:pointer}
.navigation h3 span,.navigation h5 span{float:left}
.navigation h3 i,.navigation h5 i{font-size:18px;float:right;transform:rotate(0)}
.navigation h3:hover,.navigation h5:hover{border-color:#4da1ff}
.navigation h3.active,.navigation h5.active{color:#4da1ff}
.navigation h3.active i,.navigation h5.active i{transform:rotate(90deg)}
.navigation h3>a,.navigation h5>a{padding:0;height:32px;line-height:32px}
.navigation a,.navigation h3,.navigation h5{border-radius:3px}
.navigation a:hover,.navigation h3:hover,.navigation h5:hover{background-color:#eee;color:#4da1ff}
.navigation a,.navigation h5{height:28px;line-height:28px}
.navigation h5 i{font-size:18px}
.navigation ul{padding:10px 5px}
.navigation a{display:block;padding:0 5px}
.navigation a.active{color:#4da1ff}
main{height:100%;margin-left:200px;background-color:#fafbfc}
main::-webkit-scrollbar{width:5px;height:5px}
.content{padding:20px}
@media (max-width:767px){
.navigation{position:absolute;z-index:1;left:0;top:0;bottom:0;height:auto;background-color:#fff;display:none}
.navigation.show{display:block}
main{margin:0}
.content{padding:3% 3% 60px 3%}
.small-nav{display:block}
}